<template>
  <div
    data-h-cxk-info1
    class="content"
  >
    <div
      data-h-cxk-info1
      class="content-title"
    >
      相关评论
    </div>
    <div
      data-h-cxk-info1
      class="nocontent"
    >
      <img
        data-h-cxk-info1
        src="./../../../../../public/hotspot/1.png"
        alt=""
      >
      <p data-h-cxk-info1>暂无评论</p>
    </div>
  </div>
</template>

<script>
export default {
  props: {},
  components: {},
  data() {
    return {};
  },
  methods: {},
};
</script>

<style lang="less">
.content[data-h-cxk-info1] {
  width: 735px;
  height: auto;
  min-height: 243px;
  .content-title[data-h-cxk-info1] {
    width: 100%;
    height: 21px;
    font-size: 20px;
    font-weight: 400;
    font-family: "Microsoft";
    line-height: 20px;
    padding-left: 10px;
    border-left: 5px solid #ef4238;
  }
  .nocontent[data-h-cxk-info1] {
    width: 735px;
    height: 202px;
    position: relative;
    img[data-h-cxk-info1] {
      display: inline-block;
      width: 114px;
      height: 114px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    p[data-h-cxk-info1] {
      position: absolute;
      top: 72%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #888;
    }
  }
}
</style>